<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in lunbolist" :key="item.id">
                <img :src="item.img" alt="" :class="{ 'full':isFull }">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default {
    data() {
        return {

        }
    },
    props:['lunbolist','isFull']
}
</script>
<style lang="scss" scoped>
    .mint-swipe{
        height: 200px;
        // .mint-swipe-item:nth-child(1){
        //     background-color: red;
        // }
        .mint-swipe-item {
            text-align: center;
            // &:nth-child(1){
            //     background-color: red;
            // }
            // &:nth-child(2){
            //     background-color: lightblue;
            // }
            // &:nth-child(3){
            //     background-color: lightgreen;
            // }   
            img{
                // width: 100%;
                height:100%;
            } 
        }
    }
    .full{
        width:100%;
    }
</style>


